<template>
    <div>
        <p class="tal">昨日数据</p>
        <div class="df aic">
            <div class="df fdc aic">
                <p>活跃用户</p>
                <p>{{ users }}</p>
            </div>
            <div class="df fdc aic">
                <p>新增内容条数</p>
                <p>{{ contents }}</p>
            </div>
            <div class="df fdc aic">
                <p>对话轮数</p>
                <p>{{ talks }}</p>
            </div>
            <div class="df fdc aic">
                <p>消耗token数</p>
                <p>{{ tokens }}</p>
            </div>
        </div>
    </div>
</template>

<script setup>
import {ref,onMounted} from 'vue'

const users = ref(0)
const contents = ref(0)
const talks = ref(0)
const tokens = ref(0)


onMounted(()=>{

})
</script>

<style lang="scss" scoped>

</style>